<template>
	<div class="grand-child">
		<h3>孙组件</h3>
		<div>a:{{ a }}</div>
		<div>b:{{ b }}</div>
		<div>c:{{ c }}</div>
		<div>d:{{ d }}</div>
		<div>e:{{ e }}</div>
		<div>x:{{ x }}</div>
		<div>y:{{ y }}</div>
		<button @click="sendPhone(phone)">点我将手机给姥姥</button>
	</div>
</template>

<script setup lang="ts" name="GrandSon">
import { ref,defineProps } from 'vue';
// 接受祖传递的数据
defineProps(["a","b","c","d","e","x","y","sendPhone"])
// 数据
let phone=ref("苹果17")

</script>

<style scoped>
	.grand-child{
		margin-top: 20px;
		background-color: orange;
		padding: 20px;
		border-radius: 10px;
		box-shadow: 0 0 10px black;
	}
</style>